@charset "utf-8";

$bgcolor1: rgb(241, 243, 240);

/*内容*/
.content {
  background-color: $bgcolor1;
  overflow: hidden;
}
/*导航+轮播图+登录/注册*/
.content .adv {
  position: relative;
  height: 480px;
}
.content .adv .nav {
  float: left;
  width: 156px;
  height: 480px;
  background-color: rgb(249, 68, 13);
  color: #fff;
  font-size: 14px;
}
.content .adv .nav li {
  margin-bottom: 2px;
  background-image: url("../images/classNav.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 156px;
  height: 39px;
  line-height: 39px;
}
.content .adv .nav li:first-child {
  background-image: url("../images/allnav.jpg");
  background-repeat: no-repeat;
  background-size: 100%;
  height: 30px;
  line-height: 30px;
}
.content .adv .nav li a {
  margin-left: 40px;
  font-size: 14px;
  color: #fff;
}
/*所有分类导航栏信息*/
.content .adv .all_infor {
  width: 734px;
  height: 31px;
  line-height: 31px;
}
.content .adv .all_infor a {
  margin-left: 28px;
  font-size: 16px;
  color: rgb(43, 43, 43);
}
.content .adv .all_infor a:first-child {
  margin-left: 42px;
}
/*导航栏移入后具体信息导航栏*/
.content .adv .navContent {
  position: absolute;
  left: 156px;
  top: 31px;
  width: 734px;
  height: 448px;
  background-color: #fff;
  z-index: 1;
  display: none;
}
.content .adv .navContent li {
  width: 734px;
  height: 448px;
  background-color: #fff;
  z-index: 2;
  display: none;
}
//左边
.content .adv .navContent .left {
  float: left;
  width: 576px;
  height: 448px;
}
.content .adv .navContent li .title {
  height: 38px;
  width: 576px;
  border-bottom: 1px solid #ccc;
  line-height: 38px;
}
.content .adv .navContent li .title a {
  margin-left: 28px;
  font-size: 16px;
  color: rgb(244, 33, 10);
}
.content .adv .navContent li .title a:first-child {
  margin-left: 42px;
}
.content .adv .navContent li .title a:last-child {
  margin-left: 16px;
  background-color: rgb(244, 33, 10);
  color: #fff;
  font-size: 14px;
  padding: 2px 4px;
  border-radius: 8px;
}
.content .adv .navContent li .infor {
  height: 410px;
}
.content .adv .navContent li .infor p {
  padding-left: 42px;
  margin: 15px 0;
  line-height: 25px;
}
.content .adv .navContent li .infor span {
  font-weight: bold;
  font-size: 14px;
  color: #000;
}
.content .adv .navContent li .infor a {
  font-size: 14px;
  color: #ccc;
  margin-right: 16px;
}
.content .adv .navContent .imgBox {
  float: left;
  margin-top: 39px;
}
.content .adv .navContent .imgBox img {
  display: block;
  margin-bottom: 46px;
}
/*轮播图*/
.content .adv .banner {
  position: absolute;
  left: 156px;
  float: left;
  width: 734px;
  height: 448px;
  overflow: hidden;
}
.content .adv .banner ul {
  position: absolute;
  left: -734px;
  width: 5000px;
}
.content .adv .banner ul li {
  float: left;
  width: 734px;
  height: 448px;
}
/*轮播图箭头*/
.content .adv .banner .arrow {
  display: none;
}
.content .adv .banner .leftArrow {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgb(191, 191, 191);
  font-size: 20px;
  color: #fff;
}
.content .adv .banner .rightArrow {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgb(191, 191, 191);
  font-size: 20px;
  color: #fff;
}
/*注册登录框*/
$loginWidth: 290px;
$loginHight: 448px;
.content .adv .userLogin_Zhuce {
  float: right;
  width: $loginWidth;
  height: $loginHight;
  background-color: #fff;
  border: 1px solid #ccc;
}
/*登录注册上部分*/
.content .adv .userLogin_Zhuce .Log_Zc {
  height: 142px;
  border-bottom: 1px solid $bgcolor1;
}
.content .adv .userLogin_Zhuce .Log_Zc .userPic {
  margin: 6px;
}
.content .adv .userLogin_Zhuce .Log_Zc .userPic img {
  display: block;
  margin: 0 auto;
}
$writesColor: rgb(86, 86, 86);
.content .adv .userLogin_Zhuce .Log_Zc p:nth-child(2) {
  height: 24px;
  line-height: 24px;
  text-align: center;
  font-size: 14px;
  color: $writesColor;
}
.content .adv .userLogin_Zhuce .Log_Zc p:nth-child(3) {
  padding: 14px 0;
}
.content .adv .userLogin_Zhuce .Log_Zc p:nth-child(3) a {
  display: inline-block;
  margin-left: 17px;
  width: 72px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #ff3c3c;
  border-radius: 5px;
}
/*登录注册下半部分(下载APP)*/
.content .adv .userLogin_Zhuce .downLoad {
  position: relative;
}
$conHeight: 89px;

.content .adv .userLogin_Zhuce .downLoad .line1 .con1 {
  float: left;
  width: 96px;
  height: 89px;
  text-align: center;
  font-size: 12px;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .con1 img {
  margin: 12px auto;
  display: block;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .con2 {
  @extend .con1;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .con3 {
  @extend .con1;
}
/*二维码*/
$QRheight: 210px;
.content .adv .userLogin_Zhuce .downLoad .line1 .appQRcode1 {
  display: none;
  position: absolute;
  left: 0;
  top: $conHeight;
  height: $QRheight;
  width: $loginWidth;
  text-align: center;
  background-color: #fff;
  z-index: 2;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .appQRcode1 img {
  display: block;
  margin: 10px auto;
  margin-bottom: 5px;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .appQRcode2 {
  @extend .appQRcode1;
}
.content .adv .userLogin_Zhuce .downLoad .line1 .appQRcode3 {
  @extend .appQRcode1;
}

/*网站公告 TAB栏切换 */
$tabWidth: 124px;
$tabColor: rgb(236, 119, 113);
$tabmarginLeft: 24px;
.content .adv .userLogin_Zhuce .downLoad .line2 {
  position: relative;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webTile {
  height: 32px;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webTile .webT1 {
  display: block;
  float: left;
  margin-left: $tabmarginLeft;
  height: 32px;
  width: $tabWidth;
  line-height: 32px;
  text-align: center;
  background-color: aqua;
  border-bottom: 5px solid $writesColor;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webTile .current {
  border-bottom: 5px solid $tabColor;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webTile .webT2 {
  @extend .webT1;
  margin-left: 0px;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webContent1 {
  height: 100px;
  width: 100%;
  position: absolute;
  display: none;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webContent1 p {
  margin-top: 10px;
  padding-left: $tabmarginLeft;
  font-size: 12px;
  color: $bgcolor1;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .current1 {
  display: block;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .webContent2 {
  @extend .webContent1;
}
/*注册会员流程*/
.content .adv .userLogin_Zhuce .downLoad .line2 .striaght {
  margin-top: 100px;
  height: 8px;
  border-bottom: 1px solid $bgcolor1;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .striaght img {
  float: left;
  margin: 0 25px;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .striaght img:first-child {
  margin-left: 40px;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .text {
  font-size: 14px;
  color: $writesColor;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .text span {
  margin: 10px 6px;
  display: block;
  float: left;
}
.content .adv .userLogin_Zhuce .downLoad .line2 .text span:first-child {
  margin-left: 20px;
}

/*多商秒杀+小轮播图*/
/*秒杀*/
$titleHeight: 75px;
/*秒杀标题*/
.content .secKill .sec_title {
  height: $titleHeight;
  line-height: $titleHeight;
  font-size: 20px;
  font-weight: bold;
}
.content .secKill .sec_title span:first-child {
  float: left;
}
.content .secKill .sec_title span:nth-child(2) {
  float: left;
  font-size: 16px;
  margin: 0 16px;
  color: rgb(130, 144, 176);
}
.content .secKill .sec_time {
  float: left;
}
.content .secKill .sec_time a {
  display: inline-block;
  width: 26px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  background-color: #ff3c3c;
}
/*小轮播图*/
.content .secKill .littleScr {
  position: relative;
  height: 180px;
  overflow: hidden;
}
.content .secKill .littleScr .littleBa {
  position: absolute;
  left: -((390px * 3)+30);
  width: 8000px;
}
@for $i from 1 through 5 {
  .littleCo#{$i} {
    float: left;
    margin-right: 10px;
    width: 390px;
    height: 180px;
    background-color: #fff;
  }
}
.content .secKill .littleScr .littleBa .littleCo1 img {
  float: left;
  width: 172px;
  height: 160px;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight {
  float: right;
  padding: 10px;
  width: 172px;
  height: 160px;
  font-size: 14px;
  font-weight: bold;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight p:first-child {
  margin: 20px;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight .sold {
  margin-left: 10px;
  width: 150px;
  height: 15px;
  line-height: 15px;
  font-size: 12px;
  font-weight: normal;
  border-radius: 10px;
  border: 1px solid #ccc;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight .sold span {
  float: right;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight p:last-child {
  margin-top: 40px;
  text-align: center;
  font-weight: normal;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight p:last-child span:nth-child(1) {
  color: #ff0000;
  font-size: 16px;
}
.content .secKill .littleScr .littleBa .littleCo1 .litRight p:last-child span:nth-child(2) {
  color: $bgcolor1;
  font-size: 12px;
  text-decoration: line-through;
}
@for $i from 2 through 6 {
  .littleCo#{$i} {
    @extend .littleCo1;
  }
}
// .content .littleScr .arrow {
//   // display: none;
// }
.content .littleScr .leftArrow2 {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgb(191, 191, 191);
  font-size: 20px;
  color: #fff;
}
.content .littleScr .rightArrow2 {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -30px;
  width: 30px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: rgb(191, 191, 191);
  font-size: 20px;
  color: #fff;
}

/*女装货源*/
/*标题*/
.content .product1 .product1_titile {
  height: $titleHeight;
  line-height: $titleHeight;
  font-size: 20px;
  font-weight: bold;
}
.content .product1 .product1_titile a {
  float: right;
  margin-top: 30px;
  height: 20px;
  padding: 0 10px;
  background-color: rgb(244, 33, 10);
  color: #fff;
  font-size: 14px;
  border-radius: 10px;
  line-height: 20px;
  font-weight: normal;
}
$contentHeight: 580px;
/*内容*/
.content .product1 .proCont {
  height: $contentHeight;
}
$BigWidth: 358px;
/*大商品*/
.content .product1 .proCont .bigPro {
  padding-top: 400px;
  margin-right: 2px;
  box-sizing: border-box;
  float: left;
  width: $BigWidth;
  height: $contentHeight;
  background-image: url("../images/prod1.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.content .product1 .proCont .bigPro2{
  @extend .bigPro
}
.content .product1 .proCont .bigPro2{
  padding-top: 400px;
  box-sizing: border-box;
  float: left;
  width: $BigWidth;
  height: $contentHeight;
  background-image: url("../images/xiangbaoguan5.jpg");
  background-size: 100%;
  background-repeat: no-repeat;
}
.content .product1 .proCont .bigPro li {
  margin: 0 30px;
  margin-bottom: 10px;
  float: left;
  display: block;
  width: 50px;
  height: 50px;
  background-color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
}
.content .product1 .proCont .bigPro li:nth-child(3n + 2) {
  margin-left: 43px;
  margin-right: 43px;
}
/*中图商品*/
$midWidth: 594px;
.content .product1 .proCont .midSizePro {
  float: left;
  margin-right: 4px;
  width: $midWidth;
  height: $contentHeight;
}

@for $i from 1 through 4 {
  .content .product1 .proCont .midSizePro .con#{$i} {
    float: left;
    width: (594px/2)-2px;
    height: ($contentHeight/2)-2px;
    background-size: 100%;
  }
  .content .product1 .proCont .midSizePro .con#{$i} img{
    width: (594px/2)-2px;
    height: ($contentHeight/2)-2px;
  }
}
.content .product1 .proCont .midSizePro .con1 {
  margin-bottom: 4px;
  margin-right: 2px;
}
.content .product1 .proCont .midSizePro .con2 {
  margin-bottom: 4px;
}
.content .product1 .proCont .midSizePro .con3 {
  margin-right: 2px;
}
/*竖状轮播图*/
$lunWidth: 232px;
.content .product1 .proCont .rightTurn {
  position: relative;
  float: left;
  width: $lunWidth;
  height: $contentHeight;
  overflow: hidden;
}
/*标题*/
.content .product1 .proCont .rightTurn .rightTit {
  padding: 0 14px;
  box-sizing: border-box;
  width: $lunWidth;
  height: 66px;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 66px;
}
.content .product1 .proCont .rightTurn .rightTit ul {
  margin-top: 20px;
  float: right;
  width: 55px;
  height: 30px;
}
.content .product1 .proCont .rightTurn .rightTit ul li {
  float: left;
  margin: 10px 5px;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
}
.content .product1 .proCont .rightTurn .rightTit ul .on {
  background-color: rgb(34, 33, 33);
}
/*小商品*/
.content .product1 .proCont .rightCon {
  position: absolute;
  opacity: 0;
}
.content .product1 .proCont .rightTurn .currentCon {
  opacity: 1;
}
@for $i from 1 through 4 {
  .content .product1 .proCont .rightTurn .rightCon .lit#{$i} {
    margin-top: 2px;
    padding: 30px 15px;
    box-sizing: border-box;
    width: $lunWidth;
    height: 126px;
    font-size: 12px;
    color:$writesColor;
    background-color: #fff;
  }
  .content .product1 .proCont .rightTurn .rightCon .lit#{$i + 1} {
    @extend .lit1;
  }
}
.content .product1 .proCont .rightTurn .rightCon .lit1 img {
  float: left;
}
.content .product1 .proCont .rightTurn .rightCon .lit1 .rrtxt {
  float: left;
  width: 130px;
  margin-left: 6px;
}
.content .product1 .proCont .rightTurn .rightCon .lit1 .rrtxt p:nth-child(2) {
  margin: 6px 0;
  font-size: 16px;
  color: red;
}
.content .product1 .proCont .rightTurn .rightCon .lit1 .rrtxt p:nth-child(2) span {
  font-size: 12px;
}
/*箱包同样的样式*/
.content .product2 .proCont .rightTurn2 {
  position: relative;
  float: left;
  width: $lunWidth;
  height: $contentHeight;
  overflow: hidden;
}
/*标题*/
.content .product2 .proCont .rightTurn2 .rightTit2 {
  padding: 0 14px;
  box-sizing: border-box;
  width: $lunWidth;
  height: 66px;
  background-color: #fff;
  font-weight: bold;
  font-size: 16px;
  line-height: 66px;
}
.content .product2 .proCont .rightTurn2 .rightTit2 ul {
  margin-top: 20px;
  float: right;
  width: 55px;
  height: 30px;
}
.content .product2 .proCont .rightTurn2 .rightTit2 li {
  float: left;
  margin: 10px 5px;
  width: 8px;
  height: 8px;
  background-color: #ccc;
  border-radius: 50%;
}
.content .product2 .proCont .rightTurn2 .rightTit2 ul .on {
  background-color: rgb(85, 80, 80);
}
/*小商品*/
.content .product2 .proCont .rightCon2 {
  position: absolute;
  opacity: 0;
}
.content .product2 .proCont .rightTurn2 .currentCon {
  opacity: 1;
}
@for $i from 1 through 4 {
  .content .product2 .proCont .rightTurn2 .rightCon2 .lit#{$i} {
    margin-top: 2px;
    padding: 30px 15px;
    box-sizing: border-box;
    width: $lunWidth;
    height: 126px;
    font-size: 12px;
    color:$writesColor;
    background-color: #fff;
  }
  .content .product2 .proCont .rightTurn2 .rightCon2 .lit#{$i + 1} {
    @extend .lit1;
  }
}
.content .product2 .proCont .rightTurn2 .rightCon2 .lit1 img {
  float: left;
}
.content .product2 .proCont .rightTurn2 .rightCon2 .lit1 .rrtxt {
  float: left;
  width: 130px;
  margin-left: 6px;
}
.content .product2 .proCont .rightTurn2 .rightCon2 .lit1 .rrtxt p:nth-child(2) {
  margin: 6px 0;
  font-size: 16px;
  color: red;
}
.content .product2 .proCont .rightTurn2 .rightCon2 .lit1 .rrtxt p:nth-child(2) span {
  font-size: 12px;
}


/*箱包货源*/
.content .product2 {
  @extend .product1;
}
.content .product2 .proCont .rightTurn2 {
  margin-right: 6px;
  margin-left: 0;
}
.content .product2 .proCont .bigPro {
  margin-right: 0px;
}
.content .product2 .proCont .midSizePro {
  margin-right: 0px;
}
/*多商动态*/
/*标题*/
.content .moveStatus .msTitle {
  height: 52px;
  line-height: 65px;
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid rgb(214, 30, 0);
}
/*每日推荐栏*/
@for $i from 1 to 4 {
  .content .moveStatus .msCont .refer#{$i} {
    float: left;
    width: (1190px-4px)/3;
    height: 470px;
    background-color: antiquewhite;
    border-bottom: 1px dotted #ccc;
  }
}
.content .moveStatus .msCont .refer1 {
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}
.content .moveStatus .msCont .refer3 {
  border-left: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
}
$referTW: 365px;
.content .moveStatus .msCont .referTi {
  width: 365px;
  margin: 0 15px;
  font-size: 15px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px dotted #ccc;
}
.content .moveStatus .msCont .referTi a {
  font-size: 12px;
  font-weight: normal;
  float: right;
}
/*小轮播图*/
.content .moveStatus .msCont .refer1 .referSr {
  position: relative;
  overflow: hidden;
  margin: 20px auto;
  width: 380px;
  height: 228px;
  background-color: darkorange;
}
.content .moveStatus .msCont .refer1 .referSr ul {
  position: absolute;
  width:4000px;
}
.content .moveStatus .msCont .refer1 .referSr ul li{
  float: left;
}
.content .moveStatus .msCont .refer1 .referSr ul li img {
  width: 380px;
  height: 228px;
}
/*箭头*/
.content .moveStatus .msCont .refer1 .referSr .referArrow {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -35px;
  width: 380px;
}
.content .moveStatus .msCont .refer1 .referSr .raLeft {
  margin: 10px;
  float: left;
  width: 34px;
  height: 70px;
  line-height: 70px;
  background-color: $writesColor;
  opacity: 0.8;
  font-size: 30px;
  color: rgb(143, 137, 137);
  text-align: center;
  border-radius: 5px;
}
.content .moveStatus .msCont .refer1 .referSr .raRight {
  @extend .raLeft;
  float: right;
}
/*小圆球*/
.content .moveStatus .msCont .refer1 .referSr .round {
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 20px;
}
.content .moveStatus .msCont .refer1 .referSr .round li {
  float: left;
  margin: 3px;
  width: 10px;
  height: 10px;
  background-color: $writesColor;
  border-radius: 50%;
}
.content .moveStatus .msCont .refer1 .referSr .round .on {
  background-color: #fff;
}
.content .moveStatus .msCont .refer1 .list {
  margin-left: 20px;
  font-size: 12px;
  color: $writesColor;
  line-height: 25px;
}
.content .moveStatus .msCont .refer1 .list span {
  vertical-align: middle;
  margin-right: 5px;
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: rgb(154, 152, 153);
}
//$referTW
.content .moveStatus .msCont .refer2 .refeLine1 {
  margin: 0 15px;
  padding: 20px 5px;
  box-sizing: border-box;
  width: $referTW;
  height: 136px;
  border-bottom: 1px dotted #ccc;
}
.content .moveStatus .msCont .refer2 .refeLine1 .rlCon {
  margin-left: 20px;
  float: right;
  width: 235px;
  height: 102px;
  font-size: 14px;
  color: $writesColor;
  font-weight: bold;
}
$smallWC: rgb(158, 119, 119);
$aColor: rgb(115, 152, 255);
.content .moveStatus .msCont .refer2 .refeLine1 .rlCon p:nth-child(2) {
  margin-top: 12px;
  font-size: 12px;
  color: rgb(158, 119, 119);
  font-weight: normal;
}
.content .moveStatus .msCont .refer2 .refeLine1 .rlCon p:nth-child(2) a {
  color: rgb(115, 152, 255);
}
@for $i from 2 to 4 {
  .content .moveStatus .msCont .refer2 .refeLine#{$i} {
    @extend .refeLine1;
  }
}
/*每日推荐第三个*/
.content .moveStatus .msCont .refer3 .re3line1 {
  margin: 0 auto;
  padding: 20px 0;
  box-sizing: border-box;
  width: $referTW;
  height: 178px;
  border-bottom: 1px dotted #ccc;
  font-size: 12px;
  color: $smallWC;
  line-height: 23px;
}
.content .moveStatus .msCont .refer3 .re3line1 p {
  text-indent: 2em;
}
.content .moveStatus .msCont .refer3 .re3line2 {
  position: relative;
  margin: 0 auto;
  padding: 20px 0;
  box-sizing: border-box;
  width: $referTW;
  height: 250px;
  font-size: 12px;
  color: $smallWC;
}
.content .moveStatus .msCont .refer3 .re3line2 a {
  position: absolute;
  bottom: 10px;
  right: 30px;
}

.content .friendLink {
  font-size: 12px;
  color: $smallWC;
  padding-bottom: 20px;
}
.content .friendLink ul {
  margin-top: 10px;
  padding: 10px 16px;
  box-sizing: border-box;
  border: 1px dotted #ccc;
  height: 70px;
  line-height: 25px;
}
.content .friendLink ul li {
  display: inline-block;
}
